{header}

<div id="wide" class="box"><div class="bbt"><div class="bbb"><div class="bbl"><div class="bbr"><div class="bbtl"><div class="bbtr"><div class="bbbl"><div class="bbbr">

			<script Language="JavaScript" type="text/javascript">
			  function onValidateJoinPage2Form() {
			    var form = document.forms['JoinPage2Form'];
			    if (!(validateRequiredSelect(form['state'],'{l_state}','-1'))) {
			      return false;
			    }
			    if (!(validateRequiredSelect(form['city'],'{l_city}','-1'))) {
			      return false;
			    }
			    if (!(validateRequiredSelect(form['partner_age_from'],'{l_age_from}','00'))) {
			      return false;
			    }
			    if (!(validateRequiredSelect(form['partner_age_to'],'{l_age_to}','00'))) {
			      return false;
			    }
			    if (!(validateRequiredSelect(form['relation'],'{l_relation_type}','00'))) {
			      return false;
			    }

			    <!-- begin_int_js -->
			    if (!(validateRequiredSelect(form['{name}'],'{field}','00')))
			    {
			      return false;
			    }
			    <!-- end_int_js -->

				<!-- begin_text_js -->
			    if (!(validateRequiredField(form['{name}'], '{field}', '')))
			    {
			      return false;
			    }
			    if (!(validateMaxLength(form['{name}'], '{field}','{maxlen}')))
			    {
			      return false;
			    }
			    if (!(validateMaxLength(form['{name}'], '{field}','{maxlen}')))
			    {
			      return false;
			    }
			    <!-- end_text_js -->

				<!-- begin_textarea_js -->
			    if (!(validateRequiredField(form['{name}'], '{field}', '')))
			    {
			      return false;
			    }
			    if (!(validateMaxLength(form['{name}'], '{field}','{maxlen}')))
			    {
			      return false;
			    }
			    if (!(validateMaxLength(form['{name}'], '{field}','{maxlen}')))
			    {
			      return false;
			    }
			    <!-- end_textarea_js -->

			    return true;
			  }
			  function validateJoinPage2Form() {
			     if (typeof beforeJoinPage2FormValidation != 'undefined') {
			       beforeJoinPage2FormValidation();
			    }
			    var validated = onValidateJoinPage2Form();
			    if (validated && (typeof uponSuccessfulJoinPage2FormValidation != 'undefined')) {
			      validated = uponSuccessfulJoinPage2FormValidation();
			    }
			    else if (!validated && (typeof uponUnsuccessfulJoinPage2FormValidation != 'undefined')) {
			      uponUnsuccessfulJoinPage2FormValidation();
			    }
			    return validated;
			  }
			  function submitJoinPage2Form() {
			   if (validateJoinPage2Form()) document.JoinPage2Form.submit();
			    }
			</script>
			
	<div align="center"  style="padding-top: 20px; padding-bottom: 20px;">
		<div align="left" style="width: 631px;">		
			<h2>{l_step_2}</h2>						
			<form  name="JoinPage2Form" method="POST" action="{url_main}join2.php?cmd=action" onSubmit="return validateJoinPage2Form();" style="padding: 0px; margin: 0px;">



					<div>{join_message}</div><br>
					
						<div  class="header_small">{l_where_live}</div>
						<table class="jc">
							<tr>
								<td class="jc_left"><label for="STATE">{l_state}</label></td>
								<td class="jc_right"><select name="state" tabindex="1" id="state" onchange="xajax_cities(state.value)" style="width: 120px;">
										<option value="-1">- {l_state} -</option>
										{state_options}
									</select>
								</td>
							</tr>
							<tr>
								<td class="jc_left"><label for="CITY">{l_city}</label></td>
								<td class="jc_right"><select name="city" id="city" tabindex="2" onchange="{city_change}" style="width: 120px;">
									<option selected value="-1">- {l_city} -</option>
										{city_options}
									</select>
								</td>
							</tr>
						</table>

						<div  class="header_small">{l_what_kind}</div>
						<table class="jc">
							<tr>
								<td class="jc_left">{l_age_from_text}</td>
								<td class="jc_right"><select name="partner_age_from" tabindex="3"  style="width: 120px;">
										<option selected value="00">{l_please_choose}</option>
										{partner_age_from_options}
									</select> {l_age_and}
									<select name="partner_age_to" tabindex="4"  style="width: 120px;">
										<option selected value="00">{l_please_choose}</option>
										{partner_age_to_options}
									</select>
								</td>
							</tr>
							<tr>
								<td class="jc_left">{l_friendship_type}</td>
								<td class="jc_right"><select name="relation" tabindex="6"  style="width: 120px;">
										<option selected value="00">{l_please_choose}</option>
										{relation_options}
									</select>
								</td>
							</tr>
							<tr>
								<td class="jc_left"></td>
								<td class="jc_right"></td>
							</tr>
						</table>
						
						<div  class="header_small">{l_what_unique}</div>
						<table class="jc">
							<!-- begin_int -->
							<tr>
								<td class="jc_left"><label for="{name}">{field}</label></td>
								<td class="jc_right"><select name="{name}" tabindex="20" style="width: 270px;">
									<option selected value="00">{l_please_choose}</option>
									{options}
								</select></td>
							</tr>
							<!-- end_int -->
						</table>
					
					<div  class="header_small">{l_what_know}</div>
						
						<!-- begin_text -->
								<script type="text/javascript">
									function init{name}Counter() {
										characterCounter('{name}', {maxlen}, '{name}Counter');
									}
									addOnload(init{name}Counter);
									function clear{name}({name}Field)
									{
										if ({name}Field.value == "") {name}Field.value = '';
									}
								</script>
						<table class="jc">
							<tr>
								<td class="jc_left"><label for="{name}">{field}</label></td>
								<td class="jc_right">
									<center>(<b><span id="{name}Counter">0</span></b> / {maxlen} {l_characters_used})</center><br>
									<input type="text" name="{name}" id="{name}" value="{value}" maxlength="{maxlen}" style="width: 270px;" tabindex="23" onFocus="clear{name}(this); characterCounter('{name}', 100, '{name}Counter');" onKeyUp="characterCounter('{name}', 100, '{name}Counter');">
								</td>
							</tr>
						</table>
						<!-- end_text -->
						<!-- begin_textarea -->
								<script type="text/javascript">
									function init{name}Counter() {
										characterCounter('{name}', {maxlen}, '{name}Counter');
									}
									addOnload(init{name}Counter);
									function clear{name}({name}Field) {
										if ({name}Field.value == "") {name}Field.value = '';
									}
								</script>
						<table class="jc">
							<tr>
								<td class="jc_left"><label for="{name}">{field}</label></td>
								<td class="jc_right">
									<center>(<b><span id="{name}Counter">0</span></b> / {maxlen} {l_characters_used})</center><br>
									<textarea  name="{name}" id="{name}" style="width: 270px; height: 81px; " tabindex="24" onFocus="clear{name}(this); characterCounter('{name}', {maxlen}, '{name}Counter');" onKeyUp="characterCounter('{name}', {maxlen}, '{name}Counter');">{value}</textarea>
								</td>
							</tr>
						</table>
						<!-- end_textarea -->
						

						<table cellpadding=0 cellspacing=0 border=0><tr>
							<td width=50% class="body_tiny" style="padding: 12px; padding-left: 18px; line-height: 1.8;">
								<div>{l_essays_are_audited}</div>
								<div style="padding-top: 10px;">{l_approval_24_hours}</div>
							</td>
							<td width=50% valign=top style="padding: 12px; padding-left: 18px;">
								<table cellpadding=0 cellspacing=0 border=0><tr>
									<td colspan=4 class="body_tiny" style="line-height: 1.8; padding-bottom: 10px;">{l_do_not_include}:</td>
								</tr><tr>
									<td width=4%><img src="{url_tmpl_main}img/bullet-header.gif" border=0 width=4 height=4></td>
									<td class="body_tiny" width=48%>{l_email_adress}</td>
									<td width=4%><img src="{url_tmpl_main}img/bullet-header.gif" border=0 width=4 height=4></td>
									<td class="body_tiny" width=48%>{l_coarse_language}</td>
								</tr><tr>
									<td width=4%><img src="{url_tmpl_main}img/bullet-header.gif" border=0 width=4 height=4></td>
									<td class="body_tiny" width=48%>{l_im_handles}</td>
									<td width=4%><img src="{url_tmpl_main}img/bullet-header.gif" border=0 width=4 height=4></td>
									<td class="body_tiny" width=48%>{l_urls}</td>
								</tr><tr>
									<td width=4%><img src="{url_tmpl_main}img/bullet-header.gif" border=0 width=4 height=4></td>
									<td class="body_tiny" width=48%>{l_phones}</td>
									<td width=4%><img src="{url_tmpl_main}img/bullet-header.gif" border=0 width=4 height=4></td>
									<td class="body_tiny" width=48%>{l_adress}</td>
								</tr></table>
							</td>
						</tr></table>

				<div align="right"><input type="button" value="{l_to_step_3}" onClick="submitJoinPage2Form();" class="button" style=" padding-left: 5px; padding-right: 5px; cursor: pointer; cursor: hand;" tabindex="26" title="{l_to_step_3}" onMouseOver="window.status='{l_to_step_3}'; return true;" onMouseOut="window.status=''; return true;"></div>
			</form>

		</div>
	</div>

</div></div></div></div></div></div></div></div></div>

{footer}